<script setup lang="ts">
defineProps({
    nurseUserOrdersDetails: {
        type: Object,
        required: true
    },
    isOrder: {
        type: Boolean,
        default: false
    },
    pic: {
        type: String,
        required: true
    },
    num: {
        type: Number,
        required: true
    }
})
</script>

<template>
    <view v-for="item in nurseUserOrdersDetails"
        class="w-full h-240 b-rounded-3 shadow bg-#fff flex justify-start items-center">
        <image :src="pic" style=" height: 120px; width: 120px;" draggable="false" />
        <view class="ml-1 w-240px h-full flex-col justify-start items-start">
            <view class="w-full text-xl">{{ item.pname }}</view>
            <view class="w-full text-lg">{{ item.goodsName }}</view>
            <view class="w-full text-lg">{{ `￥${item.price}/${item.unit}` }}</view>
            <view class="w-240px flex justify-between items-center">
                <view class="text-13px font-bold">购买数量:</view>
                <nut-input-number readonly :min="num" :disabled="isOrder" class="m-r-20" v-model="item.num"
                    :button-size="20" :input-width="50" />
            </view>
        </view>
    </view>
</template>

<style lang="scss" scoped></style>